*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.bigBox{
    max-width: 640px;
    width: 100%;
}
.top{
    display: flex;
    padding: .266667rem /* 10/37.5 */;
    border-bottom: 1px solid #ccc;
}
.top>p:nth-child(1){
    font-size: .426667rem /* 16/37.5 */;
}
.top>p:nth-child(2){
    flex: 1;
    text-align: center;
    font-size: .426667rem /* 16/37.5 */;
}

.myCourse>img{
    width: 50%;
    height: 140;
}
.myCourse{
    display: flex;
    width: 100%;
    padding: .213333rem /* 8/37.5 */;
    border-bottom: 1px solid #ccc;
}

.courseP4,
.courseP1,
.courseP2{
    padding: .133333rem /* 5/37.5 */;
}
.courseP1{
    font-size: .373333rem /* 14/37.5 */;
}
.courseP2{
    font-size: .32rem /* 12/37.5 */;
    color: #ccc;
}
.myCourseText1{
    display: flex;
    align-items: center;
}
.myCourseText{
    flex: 1;
}
.courseP3{
    width: 60%;
    height: .213333rem /* 8/37.5 */;
    background-color: #E9ECF6;
    margin-left: .133333rem /* 5/37.5 */;
    border-radius: .106667rem /* 4/37.5 */;
   
}
.courseP4{
    font-size: .32rem /* 12/37.5 */;
}

